/**************重设浏览器默认样式[参考yahoo]**************/ 
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {font-size: 125%;     -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; }
body { color: #333;  font-family:"Microsoft YaHei",arial,tahoma,\5b8b\4f53,sans-serif; background:#fff; text-align:left; font-size: 0.7rem; }
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, span, img, table { margin:0; padding:0; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; } 
a{ color:#333; text-decoration:none;-webkit-transition: all 0.3s;transition: all 0.3s; }
a:hover{ color:#04af40; text-decoration:none; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
table { border-collapse:collapse; border-spacing:0; } /* 去掉各Table  cell 的边距并让其边重合 */
th { text-align:inherit; } /* IE bug fixed: th 不继承 text-align*/
iframe { display: block; } /* ie6 7 8(q) bug 显示为行内表现 */
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; }
/*to enable resizing for IE*/
input, textarea, select {  *font-size:100%;}
/* 清理浮动 */
.clearfix { *zoom:1; }/*IE6 7 只要触发layout即可*/
.clearfix:after { content:"."; clear:both; height:0; font-size:0; line-height:0; display:block; }
.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; }
/* 隐藏 */
.hide { display:none;}
/* 分隔 */
.spec { margin-top:1.2rem;}

/*-------------------外围-------------------*/
.inner{max-width:60rem; margin-left:auto; margin-right:auto;}

/*-------------------头部-------------------*/
.header { height: 4.5rem; background: #fff; width: 100%; }

/*----------logo----------*/
.logo { float:left;/* padding-top: 1rem; */ }

/*----------导航----------*/
.nav { float: right;  }
.nav li { float:left; margin-left: 2px;  }
.nav li h3 a { display:block; padding: 0 0.8rem;  font-size:16px;  color:#2b2b2b; line-height: 4.5rem; font-weight: bold; }
.nav li.cur h3 a,
.nav li.hover h3 a,
.nav li h3 a:hover {  color:#fff; background: #04af40;}

/*----------flash----------*/
.flash {width:100%;   }
.flash li {width:100%; background-position: center top; background-repeat: no-repeat; }
.flash li img { display: block; width: 100%;}
.flash .bx-wrapper { position: relative;*zoom: 1; z-index: 9;}
/*加载界面*/
.flash .bx-wrapper .bx-loading { min-height:50px; background:#fff url(../images/bx_loader.gif) center center no-repeat; height:100%; width:100%; position:absolute; top:0; left:0; z-index:996; }
/*导航 相对bx-wrapper定位*/
.flash .bx-wrapper .bx-pager { position: absolute; bottom:20px; z-index:80; width:100%; text-align: center;}
.flash .bx-wrapper .bx-pager.bx-default-pager a {background: #fff; display:block; width:12px; height:12px; line-height:12px; font-size:0; font-family:Arial; color:#fff; text-align:center; margin:0 4px; outline:0; overflow:hidden; text-indent:-99999px; -moz-border-radius:10px;  -webkit-border-radius:10px;  -o-border-radius:10px;  border-radius:10px;  }
.flash .bx-wrapper .bx-pager.bx-default-pager a:hover,
.flash .bx-wrapper .bx-pager.bx-default-pager a.active { background:#04af40; text-decoration:none;}
.flash .bx-wrapper .bx-pager .bx-pager-item{ display:inline-block; *zoom:1; *display:inline;}

/*----------关于----------*/
.index_about { background:url(../images/bg01.jpg) no-repeat top center; padding: 3.5rem 0 2.5rem; }
.index_about .tit { text-align: center; font-size: 2rem;  }
.index_about .tit span { color:#04af40; font-weight: bold; }
.index_about .txt { padding: 0 16%; color: #7b7b7b; line-height:1.3rem; margin-top:1.8rem;   }
.index_about .more { display:block; color: #04af40; text-align: center; margin-top:1rem;  }
.index_about .img_block { width: 61%; float: left; margin-top:1.5rem;  }
.index_about .index_video { width:37.5%; float: right; position: relative; margin-top:1.5rem; }
.index_about .index_video img { display:block; width: 100%; z-index: 6;}
.index_about .index_video a { display: block; text-align: center; }
.index_about .index_video h3 { font-size: 0.9rem; color: #fff; position: absolute;z-index: 7; width: 100%; text-align: center; top:35%; }
.index_about .index_video span { position: absolute;  top:52%; left: 50%; margin-left:-2rem;  font-size: 0.6rem; color: #fff; display: block; padding: 0 1rem;  background:url(../images/icon_video.png) no-repeat right center; z-index: 7; }

/*----------标题1----------*/
.com_tit01 { text-align: center; }
.com_tit01 h3 {  font-size: 1.7rem; display: inline-block; border-bottom:4px solid #04af40; padding-bottom: 5px;}
.com_tit01 h4 { font-size: 1.7rem;}
.com_tit01 .line { height: 4px; width: 3.5rem; margin: 0.5rem auto 0; background: #04af40; display: block;}
.com_tit01 h3 span { font-weight: bold; color: #04af40;}
.com_tit01 p { width: 50%; margin: 1rem auto 0;  font-size: 0.8rem; color: #838383; background:url(../images/line01.png) repeat-x center center;}
.com_tit01 p span { display: inline-block; padding: 0 0.8rem; background: #fff; }

/*----------优势----------*/
.index_youshi { padding-top: 25px; }
.index_youshi_list { margin-top:2.5rem;  }
.index_youshi_list li { width: 24.6%; margin: 0 0.2%; float: left; position: relative; }
.index_youshi_list li img { display: block; width: 100%;  }
.index_youshi_list li h3 { width: 111px; height: 128px; text-align: center; line-height: 125px; color: #fff; font-size: 1.2rem; position: absolute; left:50%; top:50%; margin-left: -55px; margin-top: -64px; background:url(../images/bg05.png) no-repeat center center;  }
.index_youshi_list li .txt { display: none; position: absolute; width: 100%; height: 100%; left: 0; top:0;background: rgba(0,147,60,0.9); overflow: hidden;  }
.index_youshi_list li .tit { margin-top:10%; height: 158px;  background:url(../images/bg04.png) no-repeat center center; text-align: center;   }
.index_youshi_list li .tit h4 { line-height: 3rem; padding-top: 2rem; font-size: 1.2rem; font-weight: bold;color: #fff; }
.index_youshi_list li .tit h5 { margin-top:0.5rem; font-size: 0.8rem; text-transform: uppercase; color: #fff; }
.index_youshi_list li .desc { margin-top:1rem; color: #fff; padding: 0 1.2rem; font-size: 0.7rem;  }
.index_youshi_list li:hover {  }
.index_youshi_list li:hover h3{ display: none;  }
.index_youshi_list li:hover .txt { display: block;   }

/*----------产品展示----------*/
.index_product { margin-top:6.5rem;  }
.index_product_list { margin-top:4rem;}
.index_product_list li { text-align: center; float: left; width: 22.5%; margin: 0 5.4%;}
.index_product_list li img { display: block; width: 100%;}
.index_product_list li h3 { color: #474747; font-size: 1rem; border-bottom: 2px solid #267546; font-weight: bold; margin-top:1.3rem; padding-bottom: 0.2rem; display: inline-block;}
.index_product_list li a:hover h3 { color:#04af40; border-bottom: 2px solid #04af40; }

/*----------项目----------*/
.index_case { margin-top:6.5rem;   }
.index_case ul {}
.index_case li { display: block; margin-top:2rem; }
.index_case li img { display: block; width: 100%;}
.index_case li .txt { padding: 0 12%; color: #7b7b7b; line-height:1.3rem; margin-top:1.8rem;}
.index_case li h3 { line-height: 1.8rem; background: #04af40; color: #fff; font-size: 0.9rem; text-align: center; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.index_case li.c2,
.index_case li.c3 { width: 49%;}
.index_case li.c2 { float: left;}
.index_case li.c3 { float: right;}

/*----------技术设备----------*/
.index_sb { margin-top:2rem; background:#537c9a url(../images/bg02.jpg) no-repeat center bottom; padding: 4.5rem 0 3.5rem 0;}
.index_sb .txt { text-align: center; color: #fff; line-height:1.3rem; margin-top:1.5rem; font-size: 0.8rem;}
.index_sb_list { margin-top:2rem;}
.index_sb_list li { text-align: center; float: left; width: 20%; margin: 0 2.5%;}

.index_sb_list li img { display: block; width: 100%;}
.index_sb_list li h3 { color: #fff; font-size: 0.74rem; margin-top:1rem; text-align: center; }

/*----------合作伙伴----------*/
.index_hz { background: #DEDEDE; padding: 2.2rem 0 4rem 0; }
.index_hz_list {}
.index_hz_list li { float: left; width:25%; text-align: center; margin-top:1.5rem;}
.index_hz_list li:nth-child(4n+1) { clear: left;}
.index_hz_list li img { max-width: 100% }

/*----------底部----------*/
.footer { background:#2A2A2A /*url(../images/bg03.jpg) no-repeat center bottom*/;  padding: 1rem 0 1.3rem; }
.footer .l { float: left;}
.foot_contact { color: #b8b8b8; margin-top:0.6rem;}

.footer .r { float: right; padding-top: 0.7rem;}
.foot_nav { text-align: right; color: #b8b8b8;  }
.foot_nav a { color: #b8b8b8;}
.foot_nav span { padding: 0 5px;}
.foot_copy { color: #696969; text-align: right; margin-top:0.6rem;}
.foot_copy a { color: #696969;}

/*----------banner----------*/
.banner { height: 20rem; background-position: center top; background-repeat: no-repeat; }
.banner .inner { position: relative; height: 100%;}
.banner .tit1 { position: absolute; top:0; left: 1.5rem; width: 10.7rem;  background: #fff;}
.banner .tit1 h3 { background:url(../images/bg06.png) no-repeat center center; background-size: 100% 100%; font-size: 1.2rem; color: #fff; font-weight: bold; padding: 7.5rem 0 1rem 1rem;}
/*.banner .tit1 h3.bgred {background:url(../images/bg09.png) no-repeat center center;}*/
.banner .tit1 h4 { text-transform: uppercase; padding: 4rem 0 1rem 1rem;}
.banner .tit1 h4 span { display: block; color: #04af40; font-size: 1.7rem;}
.banner .tit1 h4 strong { display: block; font-weight: normal; color: #898989; font-size: 1.2rem;}
.banner .tit2 { color: #fff; position: absolute; left:18rem; top:50%; margin-top:-1.8rem;}
.banner .tit2 h3 { font-size: 2rem;}
.banner .tit2 h4 { font-size: 1rem;}

.banner_s { display: none;}
.banner_s img { display: block; width: 100%;}




/*----------次导航----------*/
.subnav { padding: 0.7rem 0; background: #21972E;  }
.subnav ul { float: right;  }
.subnav li { line-height: 2.5rem;  float: left; }
.subnav li a { display: block; font-size: 0.8rem; color: #fff; padding: 0 1.1rem;  }
.subnav li a:hover,
.subnav li.cur a { color: #21972e;  background: #fff; -webkit-border-radius: 3rem;-o-border-radius: 3rem;-moz-border-radius: 3rem;border-radius: 3rem;}

/*----------位置----------*/
.position { text-align: center;  color: #8d8d8d; margin-top:2rem; font-size: 0.8rem; }
.position a { color: #8d8d8d;}

/*----------位置2----------*/
.position2 {  color: #8d8d8d; font-size: 0.8rem; }
.position2 a { color: #8d8d8d;}

/*----------关于我们----------*/

/*----------标题----------*/
.com_tit2_bg { padding-top: 3.5rem; /* background:url(../images/bg08.png) no-repeat center top; */ }
.com_tit2 { text-align: center; }
.com_tit2 h3 { font-size: 2rem; color: #000;  background:url(../images/line02.png) no-repeat center center;  }
.com_tit2 h4 { font-size: 0.9rem; color: #7b7b7b; font-size: 0.9rem; text-transform: uppercase;  letter-spacing: 9px; margin-top:0.8rem; }
.com_tit2 h4 span { background: #21972E; color: #fff; padding: 0 2px 0 6px; }
.com_tit2 h4 i { padding-left: 5px; font-style: normal;} 

/*----------公司介绍----------*/
.about_intro { padding: 3% 0;  }
.about_intro .img_block { width: 48%; float: left; margin-top:2rem;}
.about_intro .txt_block { width: 100%; margin-top:2rem;}
.about_intro .txt_block h3 { padding-bottom:0.6rem;  margin-bottom:1.8rem;  font-size: 1.5rem; color: #000; font-weight: bold;  background:url(../images/line03.png) no-repeat left bottom; }
.about_intro .txt_block .txt { color: #7b7b7b; line-height:1.4rem;font-size: 0.8rem; }
.about_intro .txt2 { margin-top:3%; padding: 0 6%; color: #7b7b7b; line-height:1.4rem;font-size: 0.8rem; }
.about_video { margin-top:3%; height: 18rem;  background:url(../images/about_video_bg.jpg) no-repeat center top; overflow: hidden;}
.about_intro .txt_block .txt p { padding-bottom:1rem; }
.about_video a.tit { display: block; width: 410px; height: 164px; background:url(../images/bg07.png) no-repeat center center; text-align: center; margin:5rem auto 0; overflow: hidden;}
.about_video a.tit h3 { color: #fff; font-size: 1.2rem; font-weight: bold; margin-top:2.5rem;}
.about_video a.tit h4 { color: #fff; font-size: 0.8rem; margin: 1rem auto 0; background:url(../images/icon_video2.png) no-repeat 135px center;}
.about_intro_num { margin-top:2.5rem; background: #21972E; }
.about_intro_num img { display: block; width: 100%;}
.about_intro_num ul { padding: 2.5rem 0; color: #fff; text-align: center; }
.about_intro_num li { width: 25%; float: left; }
.about_intro_num li h3 { font-size: 1rem;}
.about_intro_num li h3 strong { font-size: 2.5rem; font-family: Arial, Helvetica, sans-serif; }
.about_intro_num li p { font-size: 0.8rem;}

/*----------绿色矿山----------*/
.about_ks { padding: 4% 0; background: #F3F3F3;}
.about_ks_list { padding: 0 4%; margin-top:1.5rem;}
.about_ks_list li { margin-top:0.25rem; background: #fff;}
.about_ks_list li img { width: 25%; float: left;}
.about_ks_list li .cnt { float: right; width: 60%; padding-right:10%;}
.about_ks_list li .cnt h3 { font-size: 1.2rem; color: #21972e; font-weight: bold; padding: 2% 0 0.5rem 0;}
.about_ks_list li .cnt .desc { color: #7b7b7b; line-height:1.3rem;font-size: 0.8rem;}

/*----------企业文化----------*/
.about_wh { margin-top:5%; }
.about_wh_list { margin-top:2rem;  }
.about_wh_list li { width: 30%; float: left; margin-right: 5%; }
.about_wh_list li:last-child { margin-right: 0;}
.about_wh_list li .img_block { position: relative;  }
.about_wh_list li .img_block img { width: 100%;  }
.about_wh_list li .img_block h3 { position: absolute; left:50%; top:50%; margin-left: -3.5rem; margin-top:-3.5rem; -webkit-border-radius:7rem; -moz-border-radius:7rem; -o-border-radius:7rem; border-radius:7rem; width: 7rem; height: 7rem; line-height: 7rem; color: #fff; font-size: 1rem; text-align: center; background: #04af40;  }
.about_wh_list li h4 { font-size: 0.9rem; color: #7b7b7b; text-align: center; margin-top:0.5rem; }

/*----------office----------*/
.about_office {  padding:6% 0 4% 0; }
.about_office_cnt { margin-top:4%;}
.about_office_cnt .img01 { width: 100%;} 
.about_office_cnt .img02 { width: 33.3%;} 
.about_office_cnt p { padding: 0.6rem 6%; color: #7b7b7b; line-height:1.4rem;font-size: 0.8rem;}

/*----------合作伙伴----------*/
.about_hz { background: #DEDEDE; padding: 5% 0 5% 0; }
.about_hz_list { margin-top:3%;}
.about_hz_list li { float: left; width:25%; text-align: center; margin-top:2rem;}
.about_hz_list li:nth-child(4n+1) { clear: left;}
.about_hz_list li img { max-width: 100%}


/*----------荣誉----------*/
.honor_nav { padding: 1rem 0; border-bottom: 2px solid #B20000;  }
.honor_nav ul { float: right;  }
.honor_nav li { float: left; line-height: 1.5rem; padding: 0 1.5rem;  }
.honor_nav li a { font-size: 1.3rem;  }
.honor_nav li a:hover,
.honor_nav li.cur a { color: #B20000; }
.honor_list { background: #F8F8F8; padding: 5% 0;}
.honor_list ul {}
.honor_list li { width: 49%; float: left; margin:2% 2% 0 0; background: #fff; box-shadow: rgba(159,159,159,0.8) 1px 1px 6px;}
.honor_list li:nth-child(2n) { margin-right: 0; }
.honor_list li .date { width: 20%; float: left; background: #EBEBEB; text-align: center; padding: 5% 0; }
.honor_list li .date span { display: block; color: #7b7b7b;}
.honor_list li .date .d2 { font-size: 1.3rem;}
.honor_list li .cnt {width: 70%; padding: 0 5% 0 0; float: right; padding-top:6%;}
.honor_list li .cnt h3 { font-size: 0.8rem; padding-left: 1.5rem; background:url(../images/point01.png) no-repeat left 8px; line-height: 1.2rem; }

/*----------产品列表----------*/
.product_list { margin-top:3%;}
.product_list li { text-align: center; float: left; width: 32.3%; margin: 0 0.5% 3%;}
.product_list li img { display: block; width: 100%;}
.product_list li h3 { color: #474747; font-size: 1rem; border-bottom: 2px solid #267546; font-weight: bold; margin-top:4%; padding-bottom: 0.2rem; display: inline-block;}
.product_list li a:hover h3 { color:#04af40; border-bottom: 2px solid #04af40; }


/*----------产品----------*/
.product { padding: 3% 0;}
.product_bg {  padding: 3rem 0; background-position: center center; background-repeat: no-repeat; margin-top:1%;}
.product_bg .tit { color: #fff; text-align: center; background:url(../images/bg11.png) no-repeat center center; height: 180px; padding-top: 67px;}
.product_bg .tit h3 { font-size: 2.5rem; font-weight: bold;}
.product_bg .tit h4 { font-size: 1.5rem; font-family: Arial, Helvetica, sans-serif; letter-spacing: 20px; text-transform: uppercase; margin-top:0.8rem;}
.product_pic {background:url(../images/bg10.png) no-repeat center center; text-align: center; margin-top:0.5rem;}
.product_pic img { max-width: 100%; }
.product_txt {  color: #7b7b7b; line-height:1.4rem;font-size: 0.8rem; margin-top:2%;}
.product_txt p {padding: 0.6rem 0;}
.product_txt .img_block { float: left;width: 40%;}
.product_txt .txt_block { float: right; width: 55%;}
.product_xijie { margin-top:4%;}
.product_xijie li { width: 21%; margin: 0 2%; float: left;}
.product_xijie li img { width: 100%;}
.product_xijie li h3 { line-height: 1.8rem; width: 60%; text-align: center; color: #fff; background: #21972E; margin:0.9rem auto 0; -moz-border-radius:2rem; -webkit-border-radius:2rem; -o-border-radius:2rem;border-radius:2rem;}

.product .p2,
.product .p3 { text-align: center; padding: 0 6%; }

/*----------设备列表----------*/
.shebei_list { margin-top:3%;  }
.shebei_list li { width: 47.5%; float: left; margin-right: 5%;  }
.shebei_list li:last-child { margin-right: 0;}
.shebei_list li img { display: block; width: 100%;  }
.shebei_list li .tit { margin:4% 0 0 3%; padding-left: 3%; border-left: 4px solid #21972E; background:url(../images/point02.png) no-repeat right center;  }
.shebei_list li .tit h3 { font-size: 1.1rem; color: #000;  }
.shebei_list li .tit h4 { font-size: 0.8rem; color: #838383; text-transform: uppercase;  }

.shebei { padding:0 0 4rem 0;}
.shebei_bg { margin-top:5%;}
.shebei_bg img { display: block; width: 100%; }
.shebei_txt {  color: #7b7b7b; line-height:1.4rem;font-size: 0.8rem; margin-top:2%;}
.shebei_txt img { width: 32.3%; padding:0 0.5%; }
.shebei_txt p {padding: 2% 6% 2%;}


/*----------新闻列表----------*/
.news_list {   }
.news_list li {  margin:2% 0 0 0; }
.news_list li a { display: block; background: #fff; box-shadow: rgba(159,159,159,0.8) 1px 1px 6px;}
.news_list li .date { width: 13.5%; float: left; background: #EBEBEB; text-align: center; padding: 3% 0; }
.news_list li .date span { display: block; color: #7b7b7b; font-size: 0.9rem;}
.news_list li .date .d2 { font-size: 1.2rem;}
.news_list li .cnt {width: 75%; padding: 0 5% 0 0; float: right; padding-top:4%;}
.news_list li .cnt h3 { font-size: 0.8rem; padding-left: 1.2rem; background:url(../images/point03.png) no-repeat left 6px; line-height: 1.2rem; }
.news_list li a:hover { border:1px solid #E9A6A6;}
.news_list li a:hover .date { background: #fff;}


/*----------内容----------*/
.content { padding: 3% 0; background: #F8F8F8; }

/*----------main----------*/
{ float: left; width: 100%; }
.main_top { border-bottom:2px solid #EBEBEB; margin-top:1rem;}
.main_top h3 { float: left; line-height: 3rem; font-size: 1.2rem; font-weight: bold; border-bottom:2px solid #04af40; }

/*----------侧边----------*/
.sidebar { float:right; width:21%; }
.side_nav { background: #fff; padding:3% 12% 10% 12%;}
.side_nav li { line-height: 1.8rem;  margin-top:1.4rem;}
.side_nav li a { display: block; border-bottom:2px solid #EFEFEF; font-size: 0.72rem;}
.side_nav li.cur {}
.side_nav li a:hover,
.side_nav li.cur a { border-bottom:2px solid #04af40;}
.side_about { margin-top:1rem; position: relative;}
.side_about img { display: block; width: 100%;}
.side_about a { position: absolute; bottom:15%; left: 35%; display: block; width: 4.8rem; line-height:1.4rem; background: #fff; text-align: center; -moz-border-radius:2rem; -webkit-border-radius:2rem; -o-border-radius:2rem;border-radius:2rem; }


/*----------文章----------*/
.article {  overflow: hidden; zoom:1; padding: 3% 0; }
.article_date { color: #7d766c;}
.article_tit { font-size:1.8rem;  color:#000; border-bottom: 1px solid #C3C3C3; line-height: 2.2rem; text-align: center; padding: 1rem 0;}
.article_msg { color: #7d766c; margin-top: 1rem;}

/*文章内容*/
.article_body {  padding:1.5rem 0;  font-size: 0.8rem; color: #7b7b7b; line-height: 1.3rem;}
.article_body p { padding:0.5rem 0; } 
.article_body img { max-width:100%;}  


/*----------招聘----------*/
.job_wrap { padding: 1rem 0;}
.job_btn {  color: #32a63a; display: block; width: 4.8rem; line-height:1.7rem; background: #fff; text-align: center; -moz-border-radius:2rem; -webkit-border-radius:2rem; -o-border-radius:2rem;border-radius:2rem;}
.job_pic01,
.job_pic02  { width: 49%;position: relative;  }
.job_pic01 img,
.job_pic02 img { display: block; width: 100%;}
.job_pic01 { float: left; }
.job_pic02 { float: right; }
.job_pic01 .job_btn { position: absolute; color: #32a63a; bottom:10%; right:14%; }
.job_pic02 .tit { position: absolute; right:7%; top:6%;}
.job_pic02 .tit h3 { font-size: 1.8rem; color: #32a63a; font-weight: bold; text-align: right;}
.job_pic02 .tit h4 { font-size: 1rem; color: #a0a0a0; text-transform: uppercase;  text-align: right;}
.job_pic02 .job_btn { float: right; margin-top:0.5rem;}

/*----------招聘列表----------*/
.job_list { padding-bottom: 3%;}
.job_list li { width: 49%; float: left; margin:2% 2% 0 0; }
.job_list li a { border:1px solid #E7E7E7; display: block; background: #fff; box-shadow: rgba(159,159,159,0.8) 1px 1px 6px;}
.job_list li:nth-child(2n) { margin-right: 0; }
.job_list li h3 { font-size: 1.1rem; padding:5% 10%; background:url(../images/point01.png) no-repeat 6% center; line-height: 1.2rem; }
.job_list li .msg { line-height: 1.6rem; padding:0 6%; background: #FBFBFB; border-top:1px solid #EBEBEB;}
.job_list li .msg span { float: left; color: #525252; margin-right: 5%;}
.job_list li .msg span i { font-style: normal; color: #04af40;}
.job_list li .msg .btn { float: right; color: #04af40;}
.job_list li a:hover { border:1px solid #E9A6A6;}
.job_list li a:hover h3 { background-image:url(../images/point04.png) }
.job_list li a:hover .msg .btn {color: #04af40;}
.job_list li a:hover .msg { border-top:1px solid #fff;  background: #fff;}

/*----------招聘----------*/
.job { margin-top:1rem;  }
.job_tit { text-align: center; line-height: 4.5rem; color: #fff; background:#04af40; font-size: 1.8rem; }
.job_msg { color: #7d766c; margin-top: 0.5rem; text-align: center;}
.job_cnt { margin-top:2rem; padding: 0 5% 3rem;}
.job_cnt li { width: 50%; float: left; line-height: 3rem; background: #fff;}
.job_cnt li:nth-child(1),
.job_cnt li:nth-child(2),
.job_cnt li:nth-child(5),
.job_cnt li:nth-child(6) { background: #F3F3F3;}
.job_cnt li h3 { display: inline-block; color: #7b7b7b; width:30%; padding-left: 10%;}
.job_cnt li p { display: inline-block; color: #04af40;}
.job_cnt dl { margin-top:2rem;}
.job_cnt dt { font-size: 0.9rem; color: #04af40; font-weight: bold; line-height: 2.3rem; padding-left: 3%; background: #DADADA;}
.job_cnt dd {color: #7b7b7b; line-height:1.4rem; }
.job_cnt dd p { padding: 0.5rem 0;}
.job_contact { background: #ECF7ED; border:1px solid #B2D8B5; margin-top:3.5rem; text-align: center; font-size: 0.8rem; padding: 1.2rem 0;}
.job_contact p { display: inline-block; padding: 0 1rem;}
.job_contact span { color: #32a63a;}


/*----------招聘侧边----------*/
.side_job { background: #fff; padding:1% 12% 10% 12%;  }
.side_job dt { font-size: 0.9rem; border-bottom:1px solid #DFDFDF; line-height: 2rem; margin-bottom: 1rem; }
.side_job dd { margin-top:0.4rem;  }
.side_job dd a { display:inline-block; line-height: 1.5rem; padding: 0 1rem; background: #E6F6E7; color: #04af40; -moz-border-radius: 2rem; -o-border-radius: 2rem; -webkit-border-radius: 2rem; border-radius: 2rem;  }
.side_job dd a:hover { background: #1D8228; color: #fff; }

/*----------联系我们----------*/
.contact { text-align: center;  }
.c_logo {  padding: 6% 0; background: #F7F8F7; margin-top:3%;  }
.c_logo img { max-width: 80%;  }
.c_phone { margin-top:5%; font-size: 2rem; color: #21972e; padding: 0 2.5rem; display: inline-block; background:url(../images/icon_phone.png) no-repeat left center;}
.c_address { font-size: 1.3rem; color: #000; margin-top:0.5rem;}
.c_address2 { color: #838383; text-transform: uppercase; margin-top:0.3rem; font-size: 0.9rem;}
.c_2 { text-align: center; margin-top:6%;  background:url(../images/line04.png) no-repeat center center;}
.c_2 li { padding-left: 3.5rem; display: inline-block;}
.c_2 li h3 { font-size: 1.1rem; text-align: left; color: #000;}
.c_2 li p { color: #838383; font-size: 0.9rem; text-align: left;}
.c_2 li.d1 { background:url(../images/icon01.png) no-repeat left center; margin-right: 4rem; background-size: auto 100% ; }
.c_2 li.d2 { background:url(../images/icon02.png) no-repeat left center;  margin-left: 6rem;}
.c_point { background:url(../images/point02.png) no-repeat center center; width: 2.2rem; height: 2.2rem; margin:4% auto 0; }
.c_map { margin-top:5%;}
.c_map img { display: block; width: 100%;}

/* 工程案例 */
.product {
  background-color: #fff;
  padding: 70px 0;
}
.product .columnTitle {
  border-bottom: solid 1px #e7e7e7;
}
.columnTitle .tit {
  font-size: 1.7rem;
  color: #333333;
  text-align: center;
}
.columnTitle .txt {
  font-family: "Arial";
  font-size: 18px;
  font-weight: bold;
  color: #222222;
  opacity: .1;
  margin-top: 4px;
}
.product .swiper-container {
  margin-top: 60px;
}
.product .swiper-container .swiper-slide {
  text-align: center;
  position: relative;
}
.product .swiper-container .swiper-slide a {
  display: block;
  padding-bottom: 22px;
  border-bottom: solid 2px #e3e3e3;
}
.product .swiper-container .swiper-slide a::after {
  content: " ";
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 5;
  background: #367639;
  width: 0;
  height: 2px;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.product .swiper-container .swiper-slide a:hover::after {
  width: 100%;
}
.product .swiper-container .swiper-slide a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.product .swiper-container .swiper-slide a:hover .tit {
  color: #367639;
}
.product .swiper-container .swiper-slide .pic {
  overflow: hidden;
}
.product .swiper-container .swiper-slide .pic img {
  width: 100%;
  display: block;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.product .swiper-container .swiper-slide .tit,
.product .swiper-container .swiper-slide .txt {
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.product .swiper-container .swiper-slide .tit {
  font-size: 20px;
  font-family: "Arial";
  color: #333333;
  margin-top: 24px;
}
.product .swiper-container .swiper-slide .txt {
  font-size: 16px;
  color: #999999;
}
.product .inner {
  position: relative;
}
.product .inner .prev,
.product .inner .next {
  width: 36px;
  height: 40px;
  position: absolute;
  left: -60px;
  top: 50%;
  z-index: 5;
  cursor: pointer;
  outline: none;
  background: url(../images/arrow5.png) no-repeat center;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.product .inner .prev:hover,
.product .inner .next:hover {
  background-position: 0 center;
  background-image: url(../images/arrow7.png);
}
.product .inner .next {
  left: auto;
  right: -60px;
  background-image: url(../images/arrow6.png);
}
.product .inner .next:hover {
  background-position: right 0 center;
  background-image: url(../images/arrow8.png);
}
.product .inner .swiper-button-disabled {
  opacity: .3;
}
/* 工程案例 */
.solutions {
  padding-top: 70px;
}
.solutions .swiper-container {
  margin-top: 60px;
}
.solutions .swiper-slide {
  overflow: hidden;
}
.solutions .swiper-slide a {
  display: block;
  position: relative;
}
.solutions .swiper-slide a:hover .text {
  background: url(../images/solutions_text2.png);
}
.solutions .swiper-slide a:hover .txt,
.solutions .swiper-slide a:hover .en {
  color: #fff;
}
.solutions .swiper-slide a:hover .icon {
  height: 44px;
  margin: 30px auto 10px auto;
}
.solutions .swiper-slide a:hover img {
  filter: brightness(100%);
  -webkit-filter: brightness(100%);
  -moz-filter: brightness(100%);
  -ms-filter: brightness(100%);
  -o-filter: brightness(100%);
}
.solutions .swiper-slide img {
  width: 100%;
  display: block;
  filter: brightness(80%);
  -webkit-filter: brightness(80%);
  -moz-filter: brightness(80%);
  -ms-filter: brightness(80%);
  -o-filter: brightness(80%);
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.solutions .swiper-slide .box {
  width: 100%;
  position: absolute;
  bottom: 40px;
  left: 0;
  z-index: 5;
  padding: 0 24px;
  box-sizing: border-box;
}
.solutions .swiper-slide .text {
  border-radius: 4px;
  background: url(../images/solutions_text1.png);
  padding: 22px 24px;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.solutions .swiper-slide .text .txt,
.solutions .swiper-slide .text .en {
  line-height: 28px;
  color: #333333;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.solutions .swiper-slide .text .en {
  font-size: 18px;
  font-family: "Arial";
}
.solutions .swiper-slide .text .txt {
  font-size: 16px;
}
.solutions .swiper-slide .text .icon {
  width: 44px;
  height: 0px;
  background: url(../images/solutions_icon.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}

/*----------搜索结果列表----------*/
.search_list { margin-top:20px; }
.search_list li { line-height:36px; height:36px; text-align:right; padding:10px; border-bottom:1px dashed #A6A6A6; padding:}
.search_list li span { color:#aaa; }
.search_list li a { float:left; text-align:left; font-size:16px;  }
/*控制标题长度，如果可以通过程序控制，则可以删除*/
.search_list li a { width:400px; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

/* 分页 */

#pages { padding:1rem 0; text-align:center; font-size:0.7rem; margin-top:1rem;  }
#pages a { display:inline-block; height:1.4rem; line-height:1.4rem; background:#fff;  text-align:center; color:#333; padding:0 0.5rem; border:1px solid #D3D3D3;}
#pages a.a1 {  }
#pages a:hover { background:#04af40; color:#fff; text-decoration:none }
#pages a.cur{ background:#04af40; color:#fff; text-decoration:none }
#pages span { display:inline-block; height:1.4rem; line-height:1.4rem; background:#04af40;  color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block;  height:1.4rem; line-height:1.4rem;  border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

@media only screen and (max-width:1200px) {
    /*----------头部----------*/
    .header { height: auto; position: static !important;} 
    /*----------logo----------*/
    .logo { float:none; /*padding-top: 1rem;*/ text-align: center; }

    /*----------导航----------*/
    .nav { float: none; width: 100%; text-align: center; background: #484848;}
    .nav li {   margin: 0; width: 12.5%; }
    .nav li h3 a { padding:0; color:#fff; line-height:3rem; font-weight: normal; }

    .about_ks_list { padding: 0 1%;}

    .honor_nav { padding: 1.2% 0;}
    .honor_nav ul { float: none;}
    .honor_nav li { width: 25%; padding: 0; text-align:center; line-height: 2rem; }
    .honor_nav li a { display: block;}
}

@media only screen and (max-width:1100px) {
    .about_ks_list li img { width: 35%; }
    .about_ks_list li .cnt { width: 58%; padding-right: 2%;}
}

@media only screen and (max-width:900px) {
    .index_youshi_list li .desc  { display: none;  }
    .footer .l,
    .footer .r { float: none;text-align: center; }
    .foot_nav,
    .foot_copy {text-align: center;}


    /*----------次导航----------*/
    .subnav { padding: 0.2rem 0; text-align: center;  }
    .subnav ul { float: none;  }
    .subnav li { line-height: 2rem;  float: none; display: inline-block; }
    .subnav li a {  font-size: 0.8rem;  padding: 0 1.1rem;  }

    .about_wh_list li .img_block h3 { width: 6rem; height: 6rem; line-height: 6rem; margin-left: -3rem; margin-top:-3rem; font-size: 0.8rem;}
    .about_wh_list li h4 { font-size: 0.8rem;}

    .honor_list li .date .d2 { font-size: 1.2rem;}
 }

@media only screen and (max-width:768px) {
	.foot_nav,.foot_contact{display: none;}
    .nav li {   margin: 0; width: 25%; }
    .nav li h3 a { line-height:2.6rem;}

    .index_about .img_block { width: 100%; float: none; margin-top:1.5rem;  }
    .index_about .index_video { width: 100%; float: none; margin-top:0; }

    .index_sb_list li h3 { font-size: 0.7rem;}

    .banner { display: none;}
    .banner_s { display: block;}

    /*----------次导航----------*/
    .subnav { padding: 0.2rem 0; }
    .subnav ul { float: none;  }
    .subnav li { line-height: 2rem;  }
    .subnav li a {  font-size: 0.7rem;  padding: 0 0.7rem;  }

    .com_tit2_bg { padding-top: 6%; background-size: auto 80%; }
    .com_tit2 h3 { font-size: 1.6rem;  }
    .com_tit2 h4 { font-size: 0.7rem;  }

    .about_intro .txt_block h3 { font-size: 1.2rem;}

    .about_intro_num ul { padding: 3% 0; }
    .about_intro_num li { width: 50%; padding: 2% 0;  }
    .about_intro_num li h3 strong { font-size: 2rem; }

    .about_ks_list li { padding: 2%; }
    .about_ks_list li img { float: none; width: auto; max-width: 100%;}
    .about_ks_list li .cnt { float: none; width: auto; }
    .about_ks_list li .cnt h3 { font-size: 1rem; }

    .honor_list ul { padding: 0 2%;}
    .honor_list li { width: 100%; }

    .product_xijie li { width: 46%; margin-bottom:3%;  }

    .shebei_list  {padding: 0 2%; }
    .shebei_list li { float: none; margin-right: 0; width: auto; margin-bottom: 3%; }
    .shebei_list li .tit { margin-left: 0;}
    
    .sidebar { /*float: none; width: 100%;*/display: none;}
    .side_nav { padding: 2% 4%;}
    .side_nav li { margin-top: 2%;}
    .side_nav li a { font-size: 0.8rem;}

    .side_about { display: none;}

    .position2 { display: none;}
    .main_top h3 { font-size: 1rem; line-height: 2rem; }
    .article { padding: 3% 2%;}
    .article_tit { font-size: 1.2rem; line-height: 1.8rem; }

    .job_list { padding: 0 2% 3%; }
    .job_list li { width: 100%; float: none; margin: 4% 0 0 0; }
    .job_list li h3 { font-size: 1rem;}

    .job_pic01,
    .job_pic02 { float: none; width: 100%;}

    .side_job { padding: 1% 3% 3%;}

    .job_tit { line-height: 3rem; font-size: 1.2rem; }
    .job_msg { display: none;}
    .job_cnt { padding: 0 2% 3%;}
    .job_cnt li { float: none; width: 100%; line-height: 2.5rem;  }
    .job_cnt li:nth-child(1),
    .job_cnt li:nth-child(2),
    .job_cnt li:nth-child(5),
    .job_cnt li:nth-child(6) { background: #fff;}
    .job_cnt li:nth-child(2n) { background: #F3F3F3;}

    .c_phone { font-size: 1.6rem; }
    .c_address { font-size: 1.1rem; }
    .c_address2 { font-size: 0.8rem; }

    .c_2 { background: none;}
    .c_2 li.d1 { margin-right: 3%;}
    .c_2 li.d2 { margin-left: 3%}
	.product {
		padding: 30px 10px;
		box-sizing: border-box;
		/* background: #f2f2f2; */
	}
	.product .swiper-container {
		margin-top: 30px;
	}
	.product .swiper-container .swiper-slide a {
		padding-bottom: 10px;
		border-bottom: solid 1px #e3e3e3;
	}
	.product .swiper-container .swiper-slide a::after {
		display: none;
	}
	.product .swiper-container .swiper-slide a:hover .pic img {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
	}
	.product .swiper-container .swiper-slide a:hover .tit {
		color: #333333;
	}
	.product .swiper-container .swiper-slide .tit,
	.product .swiper-container .swiper-slide .txt {
		height: 20px;
		line-height: 20px;
		padding: 0;
	}
	.product .swiper-container .swiper-slide .tit {
		font-size: 18px;
		margin-top: 12px;
	}
	.product .swiper-container .swiper-slide .txt {
		font-size: 14px;
		margin-top: 4px;
	}
	.product .inner .prev,
	.product .inner .next {
		display: none;
	}
	.com_tit01 h3{
		font-size: 1.2rem;
	}
	.solutions {
		padding-top: 0px;
	}
	.solutions .wrap{
		padding: 0 10px;
		box-sizing: border-box;
	}
	.solutions .swiper-container {
		margin-top: 30px;
	}
	.solutions .swiper-slide a:hover .text {
		background: url(../images/solutions_text1.png);
	}
	.solutions .swiper-slide a:hover .txt,
	.solutions .swiper-slide a:hover .en {
		color: #333333;
	}
	.solutions .swiper-slide a:hover img {
		filter: brightness(80%);
		-webkit-filter: brightness(80%);
		-moz-filter: brightness(80%);
		-ms-filter: brightness(80%);
		-o-filter: brightness(80%);
	}
	.solutions .swiper-slide .box {
		bottom: 10px;
		padding: 0 10px;
	}
	.solutions .swiper-slide .text {
		padding: 10px;
	}
	.solutions .swiper-slide .text .txt,
	.solutions .swiper-slide .text .en {
		line-height: 24px;
	}
	.solutions .swiper-slide .text .en {
		font-size: 16px;
	}
	.solutions .swiper-slide .text .txt {
		font-size: 14px;
	}
	.solutions .swiper-slide .text .icon {
		display: none;
	}
}

@media only screen and (max-width:600px) {
    .index_youshi_list li { width: 49.6%;}
    .index_youshi_list li .desc  { display: block;  }

    .com_tit01 h4 { font-size: 1.2rem;}
    .com_tit01 p { width: 80%;  font-size: 0.7rem; }
    .index_youshi_list {margin-top: 1rem;}
    .index_product {margin-top: 1rem;}
    .index_product_list { margin-top: 1rem; }
    .index_product_list li { width: 29.3%; margin: 0 2%;}
    .index_product_list li h3 { margin-top:0.8rem; font-size: 0.7rem;}

    .index_case { margin-top:2rem;} 

    .index_case li .txt { padding:0 5%; }
    .index_case li h3 { font-size: 0.7rem;}

    .index_sb { margin-top:1rem; padding: 1rem 0;}
    .index_sb .txt { font-size: 0.7rem; padding: 0 5%;}

    .index_sb_list li { width: 45%; margin-bottom: 1rem;}

    .index_hz { padding: 1rem 0 2rem 0;}
    .index_hz_list li { margin-top:1rem;}

    .index_hz { padding: 1rem 0 2rem 0;}

    .subnav { background: none;}
    .subnav li { display: block; text-align: left; border-bottom: 1px solid #D2D2D2; padding: 3% 0 3% 1rem; }
    .subnav li a { color: #333; display: block; border-left: 3px solid #B2B2B2; line-height: 1rem;}

    .position { display: none;}

    .about_intro .img_block { width: 100%; display: block; float: none; }
    .about_intro .txt_block { width: auto; float: none; padding: 0 2%; }
    .about_intro .txt_block h3 { padding-top: 2%; margin-bottom: 2%; }

    .about_wh_list li .img_block h3 { width: 5rem; height: 5rem; line-height: 5rem; margin-left: -2.5rem; margin-top:-2.5rem; font-size: 0.8rem;}
    .about_wh_list li h4 { font-size: 0.7rem;}

    .about_office_cnt .img02 { display: block; width: 100%;}

    .honor_nav li a { font-size: 1rem;}

    .product_list li h3 { font-size: 0.8rem; }

    .product_bg .tit h3 { font-size: 2.1rem; }
    .product_bg .tit h4 { font-size: 1.4rem; letter-spacing:15px; }

    .product_txt .img_block { float: none; width: 100%;}
    .product_txt .txt_block { width: auto; float: none; padding: 0 2%;}

    .shebei_txt img { width: 100%; display: block; margin-bottom: 1%; }

    .news_list li .date { width: 23.5%;}
    .news_list li .cnt { width: 65%;}

    .c_2 li h3 { font-size: 0.9rem;}
    .c_2 li p { font-size: 0.8rem; }
}


@media only screen and (max-width:480px) {
    .logo img { /*max-width: 65%; */ }
    .nav li h3 a { line-height:2.2rem; font-size: 0.7rem;}

    .index_about {  padding: 1.2rem 0 1.2rem; }
    .index_about .tit {font-size: 1.2rem;  }
    .index_about .txt { padding: 0 5%;  margin-top:1rem;   }

    .index_youshi_list li .desc  { display: none;  }

    .index_case li { margin-top:0.6rem;;}
    .index_case li.c2,
    .index_case li.c3 { float: none; width: 100%;}

    .index_hz_list li { width: 50%;}
    .index_hz_list li:nth-child(2n+1) { clear: left;}

    .com_tit2 h3 { font-size: 1.4rem;  }
    .com_tit2 h4 { font-size: 0.6rem;  }

    .about_intro_num li h3 { font-size: 0.8rem;}
    .about_intro_num li h3 strong { font-size: 1.5rem; }
    .about_intro_num li p { font-size: 0.7rem;}

    .about_wh_list li .img_block h3 { width: 4rem; height: 4rem; line-height: 4rem; margin-left: -2rem; margin-top:-2rem; font-size: 0.7rem;}
    .about_wh_list li h4 { font-size: 0.6rem;}

    .about_hz_list li { width: 50%;}
    .about_hz_list li:nth-child(2n+1) { clear: left;}

    .honor_list li .date .d2 { font-size: 1rem;}
    .honor_list li .cnt h3 { font-size: 0.7rem;}

    .product_list li { width: 49%; margin: 0 1% 4% 0; }

    .shebei_list li .tit { background: none;}

    .news_list li .date span { font-size: 0.8rem;}
    .news_list li .date .d2 { font-size: 1rem;}
    .news_list li .cnt h3 { font-size: 0.7rem; }
    
    .job_pic01 .job_btn { right:10%;}
    .job_pic02 .tit h3 { font-size: 1.4rem;}
    .job_pic02 .tit h4 { font-size: 0.8rem;}

    .job_cnt li h3 { font-size: 0.8rem;}

    .c_phone { font-size: 1.4rem; }
    .c_address { font-size: 1rem; }
    .c_address2 { font-size: 0.7rem; }

    .c_2 li { display: block; margin-bottom: 4%;}
    .c_2 li.d1 { margin-right: 0; margin-left: 25%;}
    .c_2 li.d2 { margin-left: 25%;}
}

@media only screen and (max-width:320px) {
    

}